<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
    <link rel="stylesheet" type="text/css" href="onsenui.css">

    <link rel="stylesheet" type="text/css" href="onsen-css-components.css">
    <script src="angular.js"></script>
    <script src="jquery.silver_track.js"></script>
    <script type="text/javascript" src="onsenui.js"></script>
    <title>就餐系统</title>
    <style>
        body{
            margin: 0;
        }
    </style>
    <script>
        function show(){
            var date = new Date(); //日期对象
            var now = "";
            now = date.getFullYear()+"年"; //读英文就行了
            now = now + (date.getMonth()+1)+"月"; //取月的时候取的是当前月-1如果想取当前月+1就可以了
            now = now + date.getDate()+"日";
            now = now + date.getHours()+"时";
            now = now + date.getMinutes()+"分";
            now = now + date.getSeconds()+"秒";
            document.getElementById("nowDiv").innerHTML = now; //div的html是now这个字符串
            setTimeout("show()",1000); //设置过1000毫秒就是1秒，调用show方法
        }


        var module = ons.bootstrap();
        module.controller('AppController', function($scope) {
            ons.createPopover('popover.html').then(function(popover) {
                $scope.popover = popover;
            });

            $scope.show = function(e) {
                $scope.popover.show(e);
            };
        });

    </script>


    <script type="text/ons-template" id="popover.html">
        <ons-popover direction="up down" cancelable>
            <div style="text-align: center; opacity: 0.6;">
                <button class="alert-dialog-button">太甜</button>
                <button class="alert-dialog-button">太闲</button>
                <button class="alert-dialog-button">太腻</button>
                <button class="alert-dialog-button">太闲</button>
                <button class="alert-dialog-button">太腻</button>
            </div>
        </ons-popover>


    </script>









</head>
<body>
<div style="position: fixed;width: 100%;height: 70px;background-color: #CC99CC;color: #ffffff;text-align: center;line-height: 70px;font-size: 40px;">菜色满意度调查</div>
<span style="position:absolute;font-size: 24px;color:#A9A9A9 ;margin-left: 60px;margin-top: 80px; ">饪我行就餐满意度系统</span>
<span style="position:absolute;font-size: 20px;color:#D3D3D3 ;margin-left:1100px;margin-top: 85px; "><div id="linkweb"></div>
<script>setInterval("linkweb.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
</script></span>
<div style="position: absolute;width:94%;height: 48%;background-color: #f9f9f9;margin-top: 130px;margin-left: 40px;margin-right: 30px;border-radius: 4px;">
    <div style="float: left;width: 14%;height: 90%;background-color: #66FFFF;margin-top: 1.5%;margin-left: 3%;text-align: center;">
        <div class="bg" style="position: relative;
            margin:0;
            width: 100%;
            height: 54%;">
                <span style="color: #ffffff;text-align: center;">
                <img class="img1" src="img/1.jpg" style="position: relative;margin-top: 4px;
            width: 100%;
            height: 85%;
            border-radius: 50%;"><br>可乐鸡翅
                </span>

        </div>
        <div style="position: absolute;width: 14%;height: 42%;background-color: #ffffff;">
            <table style="position: relative; width: 100%;height: 42%;margin-top: 10px;">
                <tr style="position: relative;width: 100%;height: 35%;">
                    <td style="position: relative;width: 50%;height: 100%;">
                        <button style="border: none;background-color: transparent;"><img src="img/3.png" style="width:40px;height: 40px;"></button>
                    </td>
                    <td>
                        6
                    </td>
                </tr>
                <tr style="position: relative;width: 100%;height: 30%;">
                    <td style="position: relative;width: 50%;height: 100%;text-align: center;">
                        <button style="border: none;background-color: transparent;"><img src="img/4.png" style="width:40px;height: 40px; "></button>
                    </td>
                    <td>
                        2
                    </td>
                </tr>

                <div ng-controller="AppController" class="page" style="width: 100%;height: 50%;margin-top: 90px;">
                    <div class="navigation-bar__left " >
                        <button id="nav1" ng-click="show('#nav1')" class="toolbar-button--outline button3" style="font-size:0.5px;vertical-align:-25px;width:240%;height: 40px;margin-left: 35px;margin-top: 36px;border-color:#66FFFF;background-color:#66FFFF ;color: #ffffff;font-size: 20px;">
                            我想说</button>
                    </div>
                </div>


            </table>
        </div>
    </div>
    <div style="float: left;width: 14%;height: 90%;background-color: #CCCCFF;margin-top: 1.5%;margin-left: 2%;text-align: center;">
        <div class="bg" style="position: relative;
            margin:0;
            width: 100%;
            height: 54%;">
                <span style="color: #ffffff;text-align: center;">
                <img class="img1" src="img/1.jpg" style="position: relative;margin-top: 4px;
            width: 100%;
            height: 85%;
            border-radius: 50%;"><br>可乐鸡翅
                </span>

        </div>
        <div style="position: absolute;width: 14%;height: 42%;background-color: #ffffff;">
             <table style="position: relative; width: 100%;height: 42%;margin-top: 10px;">
                 <tr style="position: relative;width: 100%;height: 35%;">
                     <td style="position: relative;width: 50%;height: 100%;">
                          <button style="border: none;background-color: transparent;"><img src="img/3.png" style="width:40px;height: 40px;"></button>
                     </td>
                     <td>
                          6
                     </td>
                 </tr>
                 <tr style="position: relative;width: 100%;height: 30%;">
                     <td style="position: relative;width: 50%;height: 100%;text-align: center;">
                         <button style="border: none;background-color: transparent;"><img src="img/4.png" style="width:40px;height: 40px; "></button>
                     </td>
                     <td>
                         2
                     </td>
                 </tr>

                     <div ng-controller="AppController" class="page" style="width: 100%;height: 50%;margin-top: 90px;">
                         <div class="navigation-bar__left " >
                             <button id="nav" ng-click="show('#nav')" class="toolbar-button--outline button3" style="font-size:0.5px;vertical-align:-25px;width:240%;height: 40px;margin-left: 35px;margin-top: 36px;border-color:#CCCCFF;background-color:#CCCCFF ;color: #ffffff;font-size: 20px;">
                         我想说</button>
                         </div>
                     </div>


             </table>





        </div>
    </div>
    <div style="float: left;width: 14%;height: 90%;background-color: #6699CC;margin-top: 1.5%;margin-left: 2%;text-align: center;">
        <div class="bg" style="position: relative;
            margin:0;
            width: 100%;
            height: 54%;">
                <span style="color: #ffffff;text-align: center;">
                <img class="img1" src="img/1.jpg" style="position: relative;margin-top: 4px;
            width: 100%;
            height: 85%;
            border-radius: 50%;"><br>可乐鸡翅
                </span>

        </div>
        <div style="position: absolute;width: 14%;height: 42%;background-color: #ffffff;">
            <table style="position: relative; width: 100%;height: 42%;margin-top: 10px;">
                <tr style="position: relative;width: 100%;height: 35%;">
                    <td style="position: relative;width: 50%;height: 100%;">
                        <button style="border: none;background-color: transparent;"><img src="img/3.png" style="width:40px;height: 40px;"></button>
                    </td>
                    <td>
                        6
                    </td>
                </tr>
                <tr style="position: relative;width: 100%;height: 30%;">
                    <td style="position: relative;width: 50%;height: 100%;text-align: center;">
                        <button style="border: none;background-color: transparent;"><img src="img/4.png" style="width:40px;height: 40px; "></button>
                    </td>
                    <td>
                        2
                    </td>
                </tr>

                <div ng-controller="AppController" class="page" style="width: 100%;height: 50%;margin-top: 90px;">
                    <div class="navigation-bar__left " >
                        <button id="nav2" ng-click="show('#nav2')" class="toolbar-button--outline button3" style="font-size:0.5px;vertical-align:-25px;width:240%;height: 40px;margin-left: 35px;margin-top: 36px;border-color:#6699CC;background-color:#6699CC ;color: #ffffff;font-size: 20px;">
                            我想说</button>
                    </div>
                </div>


            </table>
        </div>
    </div>
    <div style="float: left;width: 14%;height: 90%;background-color: #FFFF99;margin-top: 1.5%;margin-left: 2%;text-align: center;">
        <div class="bg" style="position: relative;
            margin:0;
            width: 100%;
            height: 54%;">
                <span style="color: #ffffff;text-align: center;">
                <img class="img1" src="img/1.jpg" style="position: relative;margin-top: 4px;
            width: 100%;
            height: 85%;
            border-radius: 50%;"><br>可乐鸡翅
                </span>

        </div>
        <div style="position: absolute;width: 14%;height: 42%;background-color: #ffffff;">
            <table style="position: relative; width: 100%;height: 42%;margin-top: 10px;">
                <tr style="position: relative;width: 100%;height: 35%;">
                    <td style="position: relative;width: 50%;height: 100%;">
                        <button style="border: none;background-color: transparent;"><img src="img/3.png" style="width:40px;height: 40px;"></button>
                    </td>
                    <td>
                        6
                    </td>
                </tr>
                <tr style="position: relative;width: 100%;height: 30%;">
                    <td style="position: relative;width: 50%;height: 100%;text-align: center;">
                        <button style="border: none;background-color: transparent;"><img src="img/4.png" style="width:40px;height: 40px; "></button>
                    </td>
                    <td>
                        2
                    </td>
                </tr>

                <div ng-controller="AppController" class="page" style="width: 100%;height: 50%;margin-top: 90px;">
                    <div class="navigation-bar__left " >
                        <button id="nav3" ng-click="show('#nav3')" class="toolbar-button--outline button3" style="font-size:0.5px;vertical-align:-25px;width:240%;height: 40px;margin-left: 35px;margin-top: 36px;border-color:#FFFF99;background-color:#FFFF99 ;color: #ffffff;font-size: 20px;">
                            我想说</button>
                    </div>
                </div>


            </table>
        </div>
    </div>
    <div style="float: left;width: 14%;height: 90%;background-color: #FFCC99;margin-top: 1.5%;margin-left: 2%;text-align: center;">
        <div class="bg" style="position: relative;
            margin:0;
            width: 100%;
            height: 54%;">
                <span style="color: #ffffff;text-align: center;">
                <img class="img1" src="img/1.jpg" style="position: relative;margin-top: 4px;
            width: 100%;
            height: 85%;
            border-radius: 50%;"><br>可乐鸡翅
                </span>

        </div>
        <div style="position: absolute;width: 14%;height: 42%;background-color: #ffffff;">
            <table style="position: relative; width: 100%;height: 42%;margin-top: 10px;">
                <tr style="position: relative;width: 100%;height: 35%;">
                    <td style="position: relative;width: 50%;height: 100%;">
                        <button style="border: none;background-color: transparent;"><img src="img/3.png" style="width:40px;height: 40px;"></button>
                    </td>
                    <td>
                        6
                    </td>
                </tr>
                <tr style="position: relative;width: 100%;height: 30%;">
                    <td style="position: relative;width: 50%;height: 100%;text-align: center;">
                        <button style="border: none;background-color: transparent;"><img src="img/4.png" style="width:40px;height: 40px; "></button>
                    </td>
                    <td>
                        2
                    </td>
                </tr>

                <div ng-controller="AppController" class="page" style="width: 100%;height: 50%;margin-top: 90px;">
                    <div class="navigation-bar__left " >
                        <button id="nav4" ng-click="show('#nav4')" class="toolbar-button--outline button3" style="font-size:0.5px;vertical-align:-25px;width:240%;height: 40px;margin-left: 35px;margin-top: 36px;border-color:#FFCC99;background-color:#FFCC99 ;color: #ffffff;font-size: 20px;">
                            我想说</button>
                    </div>
                </div>


            </table>
        </div>
    </div>
    <div style="float: left;width: 14%;height: 90%;background-color: #CCFF99;margin-top: 1.5%;margin-left: 2%;text-align: center;">
        <div class="bg" style="position: relative;
            margin:0;
            width: 100%;
            height: 54%;">
                <span style="color: #ffffff;text-align: center;">
                <img class="img1" src="img/1.jpg" style="position: relative;margin-top: 4px;
            width: 100%;
            height: 85%;
            border-radius: 50%;"><br>可乐鸡翅
                </span>

        </div>
        <div style="position: absolute;width: 14%;height: 42%;background-color: #ffffff;">
            <table style="position: relative; width: 100%;height: 42%;margin-top: 10px;">
                <tr style="position: relative;width: 100%;height: 35%;">
                    <td style="position: relative;width: 50%;height: 100%;">
                        <button style="border: none;background-color: transparent;"><img src="img/3.png" style="width:40px;height: 40px;"></button>
                    </td>
                    <td>
                        6
                    </td>
                </tr>
                <tr style="position: relative;width: 100%;height: 30%;">
                    <td style="position: relative;width: 50%;height: 100%;text-align: center;">
                        <button style="border: none;background-color: transparent;"><img src="img/4.png" style="width:40px;height: 40px; "></button>
                    </td>
                    <td>
                        2
                    </td>
                </tr>

                <div ng-controller="AppController" class="page" style="width: 100%;height: 50%;margin-top: 90px;">
                    <div class="navigation-bar__left " >
                        <button id="nav5" ng-click="show('#nav5')" class="toolbar-button--outline button3" style="font-size:0.5px;vertical-align:-25px;width:240%;height: 40px;margin-left: 35px;margin-top: 36px;border-color:#CCFF99;background-color:#CCFF99 ;color: #ffffff;font-size: 20px;">
                            我想说</button>
                    </div>
                </div>


            </table>
        </div>
    </div>
</div>

<span style="position:absolute; color: plum;font-size: 20px;margin-top: 580px;margin-left: 15%;">
        我的建议：
</span><br><br>
<span style="position:absolute; margin-top: 580px;margin-left: 25%;margin-right:25%;text-align: center;">
    <textarea class="textarea" rows="3" placeholder="Textarea"style="width:800px;height: 160px;border: none;"></textarea>
</span>
<div style="text-align: center;position: relative;margin-top: 780px;">
<button style="background-color:#CC99CC;border: none; width: 170px;height: 50px;color: #ffffff; font-size: 18px;">提交</button>
</div>

</body>
</html>